<template>
  <div>
    <navigation></navigation>
    <h2 @click="this.$router.push('/sakura')"> 樱花 </h2>
    <h2 @click="this.$router.push('/meteor')"> 流星 </h2>
    <h2 @click="this.$router.push('/card1')"> 卡片 </h2>
    <h2 @click="this.$router.push('/astronauts')"> 宇航员 </h2>
    <h2 @click="this.$router.push('/button')"> 按钮 </h2>
    <h2 @click="this.$router.push('/hamster')"> 仓鼠 </h2>
    <h2 @click="this.$router.push('/message')"> 可拖动div </h2>
    <div style="height: 100vh"></div>
  </div>
</template>

<script>
const BaseUrl = 'localhost:8080'
import navigation from "@/components/navigation";

export default {
  name: "Index",

  components: {
    navigation
  }
}
</script>

<style scoped>

</style>